<template>
  <div style="width: 100%; padding: 10px" class="dev_right_box">
    <table class="device_test_right_tab el-table">
      <tr>
        <td colspan="20" class="dev_tab_title">
          <span style="color: red">(锻造炉)</span>
          有效加热区检测记录
        </td>
      </tr>
      <tr>
        <td colspan="2">使用单位:</td>
        <td colspan="4">精密锻造厂环形件锻造工段</td>
        <td colspan="2">炉子编号:</td>
        <td></td>
        <td colspan="3">检测仪器型号/编号:</td>
        <td></td>
        <td colspan="2">检测日期:</td>
        <td colspan="2"></td>
        <td colspan="2">空炉检测√</td>
      </tr>
      <tr>
        <td colspan="2">炉子型号(℃):</td>
        <td></td>
        <td colspan="2">炉膛尺寸:</td>
        <td></td>
        <td colspan="2">检定校验者:</td>
        <td></td>
        <td colspan="2">检定日期:</td>
        <td colspan="2"></td>
        <td colspan="2">有效期至:</td>
        <td colspan="2"></td>
        <td colspan="3">装载量</td>
      </tr>
      <tr>
        <td colspan="2">超过设定点最大值(℃):</td>
        <td></td>
        <td colspan="4">低于设定点最大值(℃):</td>
        <td></td>
        <td colspan="2">安全仪设定点(℃):</td>
        <td></td>
        <td colspan="2">控制仪设定点(℃):</td>
        <td></td>
        <td colspan="2">允许偏差(℃):</td>
        <td></td>
        <td colspan="2">有效加热区尺寸</td>
      </tr>
      <tr>
        <td colspan="22" class="head_title">测试结果</td>
      </tr>
      <tr>
        <td class="white_nowrap">时间</td>
        <td style="max-width: 20px" v-for="item in 14" :key="item">
          {{ item }}
        </td>
        <td class="white_nowrap" rowspan="2" colspan="7">实施条件</td>
      </tr>
      <tr>
        <td
          style="max-width: 20px"
          class="el-table__cell"
          v-for="item in 15"
          :key="item"
        >
          <div class="cell"></div>
        </td>
      </tr>
      <tr>
        <td
          style="max-width: 20px"
          v-for="item in 15"
          :key="item"
          class="el-table__cell"
        >
          <div class="cell"></div>
        </td>
        <td class="white_nowrap" colspan="7">热点偶位置图</td>
      </tr>
      <tr>
        <td
          style="max-width: 20px"
          v-for="item in 15"
          :key="item"
          class="el-table__cell"
        >
          <div class="cell"></div>
        </td>
        <td class="white_nowrap" rowspan="12" colspan="7">
          <img
            src="@/assets/images/testImg/tab_test_1.jpeg"
            style="width: 100%; height: 100%"
            alt=""
          />
        </td>
      </tr>
      <tr v-for="item in 8" :key="item">
        <td
          style="max-width: 20px"
          v-for="item1 in 15"
          :key="item1"
          class="el-table__cell"
        >
          <div class="cell"></div>
        </td>
      </tr>
      <tr>
        <td class="white_nowrap">热电偶编号</td>
        <td
          style="max-width: 20px"
          v-for="item1 in 14"
          :key="item1"
          class="el-table__cell"
        >
          <div class="cell"></div>
        </td>
      </tr>
      <tr>
        <td class="white_nowrap">热电偶检定日期</td>
        <td
          style="max-width: 20px"
          v-for="item1 in 14"
          :key="item1"
          class="el-table__cell"
        >
          <div class="cell"></div>
        </td>
      </tr>
      <tr>
        <td class="white_nowrap">热电偶修正值℃</td>
        <td
          style="max-width: 20px"
          v-for="item1 in 14"
          :key="item1"
          class="el-table__cell"
        >
          <div class="cell"></div>
        </td>
      </tr>
      <tr>
        <td class="white_nowrap">检测仪表修正值℃</td>
        <td
          style="max-width: 20px"
          v-for="item1 in 14"
          :key="item1"
          class="el-table__cell"
        >
          <div class="cell"></div>
        </td>
        <td colspan="7">结论: 合格</td>
      </tr>
      <tr>
        <td class="white_nowrap" rowspan="2">温度波动℃</td>
        <td class="white_nowrap">最大</td>
        <td
          style="max-width: 20px"
          v-for="item1 in 13"
          :key="item1"
          class="el-table__cell"
        >
          <div class="cell"></div>
        </td>
        <td colspan="7" rowspan="2">备注: 符合Q/3CB1292</td>
      </tr>
      <tr>
        <td class="white_nowrap">最小</td>
        <td
          style="max-width: 20px"
          v-for="item1 in 13"
          :key="item1"
          class="el-table__cell"
        >
          <div class="cell"></div>
        </td>
      </tr>
      <tr>
        <td class="white_nowrap">检定标准:</td>
        <td class="white_nowrap"></td>
        <td class="white_nowrap">核验:</td>
        <td class="white_nowrap"></td>
        <td class="white_nowrap">审核:</td>
        <td class="white_nowrap"></td>
        <td
          style="max-width: 20px"
          v-for="item1 in 13"
          :key="item1"
          class="el-table__cell"
        >
          <div class="cell"></div>
        </td>
      </tr>
    </table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [],
    };
  },
  methods: {
    arraySpanMethod({ row, column, rowIndex, columnIndex }) {
      if (rowIndex % 2 === 0) {
        if (columnIndex === 0) {
          return [1, 2];
        } else if (columnIndex === 1) {
          return [0, 0];
        }
      }
    },
  },
};
</script>

<style scoped lang='scss'>
.dev_right_box {
  overflow: auto;
}
.device_test_right_tab {
  .dev_tab_title {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
  }
  .white_nowrap {
    white-space: nowrap;
  }
  border-collapse: collapse;
  margin-bottom: 10px;
  width: 100%;
  .head_title {
    text-align: center;
    font-weight: bold;
  }
  td {
    /* border: 1px solid #e8e8e8; */
    border: 1px solid #e8e8e8;
    padding: 12px;
    min-width: 70px;
    min-height: 60px;
    font-size: 16px;
  }
  .rowStyle {
    text-align: center;
    min-width: 40px;
    background-color: #fafafa;
    /* border: 1px solid #f2f6fc; */
    font-size: 20px;
  }
}
</style>